import React from 'react'
import { Button, Field, Form,Toast } from 'react-vant';
import {useNavigate} from "react-router-dom"
function Login() {
    const navigate=useNavigate()
    interface VALTYPES{
        username:string;
        password:string;
    }
    const [form] = Form.useForm();

    const onFinish = (values:VALTYPES) => {
      if(values.username==="123456"&&values.password==="123456"){
        window.localStorage.setItem("token",values.username);
        navigate("/home/class")
        Toast.success('登录成功')
      }else{
        Toast.fail('登录失败')
      }
    };
    return (
        <div>
                <Form
      form={form}
      showValidateMessage={false}
      onFinish={onFinish}
      footer={
        <div style={{ margin: '16px 16px 0' }}>
          <Button round nativeType="submit" type="primary" block>
            提交
          </Button>
        </div>
      }
    >
      <Form.Item
        tooltip={{
          message:
            'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.',
        }}
        intro="确保这是唯一的用户名"
        rules={[{ required: true, message: '请填写用户名' }]}
        name="username"
        label="用户名"
      >
        <Field placeholder="请输入用户名" />
      </Form.Item>
      <Form.Item rules={[{ required: true, message: '请填写密码' }]} name="password" label="密码">
        <Field placeholder="请输入密码" />
      </Form.Item>
    </Form>
        </div>
    )
}

export default Login
